<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>刘某的个人主页</title>
    <meta name="description" content="技术是一种美术">
    <meta name="keywords" content="这只是一个主页">
    <link rel="icon" type="image/ico" href="//sdn.geekzu.org/avatar/4cc893d113dd74ceca73f9863f2c5446/">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css">
    <link rel="stylesheet" href="./static/style.css?v=1.1">
    <link rel="stylesheet" href="./static/APlayer-1.10.1/dist/APlayer.min.css">
    <style>
        body{
            /*背景图片URL 可使用随机图片API */
            background-image: url("https://liumou.site/upload/2023/01/baiyuekui.jpg"); 
        }
        .photo-bg {
            /* 卡片左侧图片 */
            background-image: url("img/milu.jpg");
        }
    </style>
    <script>
        // 音乐设置
        let meting_music_api = "https://api.mizore.cn/meting/api.php";// meting api
        let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
        let music_type = "playlist"; // 歌曲类型：歌单playlist 单首歌曲 song  专辑 album
        let music_id = "6705238850"; // 歌单ID或歌曲ID或者专辑ID 20173709 29732992
        let music_order = "random"; // 音频循环顺序, 顺序播放： 'list', 随机播放：'random'
        let music_mini = false; // mini模式 吸底模式开启后此选项实效 true / false
        let music_fixed = false; // 吸底模式
        let music_volume = 0.7; // 默认音量
        let music_autoplay = false; // 自动播放
        let music_loop = "all"; // 音频循环播放, 可选值: 'all', 'one', 'none' ，分别为全部循环，单曲循环，不循环
        // 一言设置

    
    </script>
</head>

<body>
    <div id="main" class="container">
        <div class="row my-card justify-content-center">
            <div class="col-lg-4 photo-bg"></div>
            <div class="col-lg-8 card">
                <h1>刘某的个人主页</h1>
                <p>Discover interesting and cool projects and stay motivated to explore...
                </p>
                <p id="hitokoto_text">不论在哪里，我们总会看到有那么一两个句子能穿透你的心</p>
                <div class="container-fluid">
                    <div class="row">
                        <button id="kaygb-blog" class="btn btn-primary col-lg-4">个人博客</button>
                        <a href="https://liumou.sote" id="kaygb-blog-a" target="_blank" class="btn btn-primary col-lg-4">个人博客</a>
                        <a href="https://github.com/liumou-site" target="_blank" class="btn btn-secondary col-lg-4">GitHub</a>
                        <button id="kaygb-mail" class="btn btn-success col-lg-4">Send a Mail</button>
                        <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=liumou.site@qq.com" target="_blank" id="kaygb-mail-a" class="btn btn-success col-lg-4">Send a Mail</a>
                        <a href="https://www.cnblogs.com/liumou-site" target="_blank" class="btn btn-secondary col-lg-4">博客园</a>
                        <a href="https://blog.csdn.net/qq_36154886/" target="_blank" class="btn btn-warning col-lg-4">CSDN</a>
                        <a href="https://gitee.com/liumou_site" target="_blank" class="btn btn-info col-lg-4">Gitee</a>
                    </div>
                </div>
                <!-- <audio muted></audio> -->
                <div id="aplayer-inner" class="aplayer"></div>

                <!-- <h4 class="mt-4">or, keep your eyes on</h4> -->
                <ul class="social mt-1">
                    <!-- <li><a href="https://www.zhihu.com/people/kaygb/"><i class="fab fa-zhihu" aria-hidden="true"></i></a></li> -->
                    <li><a href="https://www.cnblogs.com/aiazt"><i class="fa fa-blog" aria-hidden="true"></i></a></li>
                    <li><a href="https://github.com/kaygb/KZHomePage"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
                    <li><a href="https://github.com/kaygb"><i class="fab fa-github" aria-hidden="true"></i></a></li>
                    <li><a href="https://twitter.com"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>                    
                </ul>
                
                <!-- <div id="aplayer" class="aplayer" data-order="random" data-id="20173709" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div> -->
                <footer>
                    <p>Copyright 2022 - Now <a href="https://aiazt.github.io" target="_blank">Azt's Blog</a> <a href="https://icp.gov.moe/" target="_blank">萌ICP备20211215号</a>
                        <br>Mod by
                        <a href="https://github.com/aiazt" target="_blank" rel="">Aiazt</a>
                        <a href="https://github.com" target="_blank" rel="nofollow"><img src="https://github.com/favicon.ico" style="width:15px;"></a>

                    </p>

                </footer>
            </div>
        </div>

    </div>

    <!-- aplayer -->
    <div id="aplayer-fixed"  class="aplayer"></div>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="./static/APlayer-1.10.1/dist/APlayer.min.js"></script>
    <script src="./static/Meting.min.js"></script>
    <!-- end_aplayer -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script defer src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <script src="./static/layer-v3.5.1/layer/layer.js"></script>
    <!-- <script src="./static/main.js"></script> -->
    <script src="./static/main.js"></script>
    <script>
        //弹出一个页面层
        $('#kaygb-blog').on('click', function() {
            layer.open({
                type: 2,
                title: 'Blog',
                shadeClose: true,
                anim:4,
                closeBtn: 2,
                isOutAnim: false,
                area: ['80%', '90%'],
                content: '//www.aiazt.net/'
            });
        });
        $('#kaygb-mail').on('click', function() {
            layer.open({
                type: 2,
                title: 'Blog',
                shadeClose: true,
                anim:4,
                closeBtn: 2,
                isOutAnim: false,
                area: ['80%', '90%'],
                content: '//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=hi@aiazt.net'
            });
        });
    </script>

<script type="text/javascript"> 
    /* 鼠标文字特效 */
    var a_idx = 0; 
    jQuery(document).ready(function($) { 
        $("body").click(function(e) { 
            var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
            var $i = $("<span/>").text(a[a_idx]); 
            a_idx = (a_idx + 1) % a.length; 
            var x = e.pageX, 
            y = e.pageY; 
            $i.css({ 
                "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
                "top": y - 20, 
                "left": x, 
                "position": "absolute", 
                "font-weight": "bold", 
                "color": "#ff6651" 
            }); 
            $("body").append($i); 
            $i.animate({ 
                "top": y - 180, 
                "opacity": 0 
            }, 
            1500, 
            function() { 
                $i.remove(); 
            }); 
        }); 
    }); 
    </script>

</body>
</html>
